<template>
  <div class="Index">
    <NavMenu :menuData="menuData"></NavMenu>
    <transition name="el-fade-in" mode="out-in">
      <keep-alive>
        <router-view></router-view>
      </keep-alive>
    </transition>
  </div>
</template>

<script>
import NavMenu from '@/components/navmenu/NavMenu';

export default {
  data() {
    return {
      menuData: {
        mode: 'horizontal',
        menuList: [
          { path: '/personrecommend', title: '个性推荐' },
          { path: '/songmenu', title: '歌单' },
          { path: '/rank', title: '排行榜' },
          { path: '/singer', title: '歌手' },
          { path: '/newsongs', title: '最新音乐' },
        ],
      },
    };
  },
  components: {
    NavMenu,
  },
  methods: {},
};
</script>

<style scoped='scoped'>
</style>